{% for org in page.organizations %}
<div class="column">
  <div class="content">
    <header class="org-header">
      <h2 class="org-logo">
        <a href="{{ org.link }}">
          <img src="{{ org.logo }}" alt="{{ org.name }}">
        </a>
        </h2>
    </header>
    <div class="org-members">
      {% for member in org.members %}
      <div class="columns is-mobile is-vcentered member">
        <div class="column is-one-quarter-desktop is-one-quarter-mobile headshot">
          <div class="circle">
            <a href="{{ member.link }}">
              <img src="{{ member.headshot }}">
            </a>
          </div>
        </div>
        <div class="column member-info">
          <a href="{{ member.link }}">
            <h5 class="member-name">{{ member.name }}</h5>
          </a>
          <span class="member-role">{{ member.role }}</span>
          <span class="member-title">{{ member.title }}</span>
        </div>
      </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endfor %}
